<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>七彩水果城</title>
<link rel="stylesheet" type="text/css" href="${base}/static/css/index.css"/>
<link rel="stylesheet" type="text/css" href="${base}/static/css/swiper.min.css"/>
<script type="text/javascript" src="${base}/static/js/lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${base}/static/js/lib/swiper.min.js"></script>
</head>
<body>
	
	<div class="top">
		<div class="left"></div>
		<div class="right">
			<a href="${base}/tologin" class="login"><c:if test="${user==null}">你好，请登录</c:if><c:if test="${user!=null}">${user.userName}</c:if></a>&nbsp;
			<a href="" class="reg">免费注册</a>
			<a href="" class="order">我的订单</a>
		</div>
	</div>
	
	<div class="content">
		<div class="con1">
			<div class="con1-left">
				<ul class="menu-list">
					<li>家用电器</li>
					<li>
						<a href="#">手机</a>/
						<a href="#">运营商</a>/
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">电脑</a>/
						<a href="#">办公</a>
					</li>
					<li>
						<a href="#">家居</a>/
						<a href="#">家具</a>/
						<a href="#">家装</a>/ 
						<a href="#">厨具</a>
					</li>
					<li>
						<a href="#">男装</a>/
						<a href="#">女装</a>/
						<a href="#">童装</a>/
						<a href="#">内衣</a>
					</li>
					<li>
						<a href="#">美妆个护</a>/
						<a href="#">宠物</a>
					</li>
					<li>
						<a href="#">女鞋</a>/
						<a href="#">箱包</a>/
						<a href="#">钟表</a>/
						<a href="#">珠宝</a>
					</li>
					<li>
						<a href="#">男鞋</a>/
						<a href="#">运动</a>/
						<a href="#">户外</a>
					</li>
					<li>
						<a href="#">汽车</a>/
						<a href="#">汽车用品</a>
					</li>
					<li>
						<a href="#">母婴</a>/
						<a href="#">玩具乐器</a>
					</li>
					<li>
						<a href="#">食品</a>/
						<a href="#">酒类</a>/
						<a href="#">生鲜</a>/
						<a href="#">特产</a>
					</li>
					<li>
						<a href="#">礼品鲜花</a>/
						<a href="#">农资绿植</a>
					</li>
					<li>
						<a href="#">医药保健</a>/
						<a href="#">计生情趣</a>
					</li>
					<li>
						<a href="#">图书</a>/
						<a href="#">音像</a>/
						<a href="#">电子书</a>
					</li>
					<li>
						<a href="#">机票</a>/
						<a href="#">酒店</a>/
						<a href="#">旅游</a>/
						<a href="#">生活</a>
					</li>
					<li>
						<a href="#">理财</a>/
						<a href="#">众筹</a>/
						<a href="#">白条</a>/
						<a href="#">保险</a>
					</li>
				</ul>
			</div>
			<div class="con1-center">
				<div class="swiper-container">
			        <div class="swiper-wrapper">
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-1.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-2.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-3.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-4.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-5.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-6.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-7.jpg"></div>
			            <div class="swiper-slide"><img alt="" src="${base}/static/images/lbt-8.jpg"></div>
			        </div>
			        <!-- Add Pagination -->
			        <div class="swiper-pagination"></div>
			        <!-- Add Arrows -->
			        <div class="swiper-button-next"></div>
			        <div class="swiper-button-prev"></div>
			    </div>
			</div>
			<div class="con1-right"></div>
		</div>
	</div>
	
	
	
	
	
	
	
	
	
	<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>
</body>
</html>